Lesson 13: How to Put a Picture in a Text 


This is a creative lesson where we'll teach you how to place an image inside a 
word. This effect is good for fliers, brochures as well as for banners on 
websites. 


Before we begin, we thought you'd like to see what we're going to create 
together. Cool, isn't it? 


Ready to start? 


Create a New Document to these specifics: 


e Web - CD Digital Release 
e Height: 1500 
e Transparent Background (checked) 


Click on the Text Tool (or press T). 


Go to the Contextual Toolbar (far left side) and click on the first Font 
name you see and type Impact (or scroll down the list of Fonts). We like to 
just type the Font we want because it's much faster. If you don't have Impact, 
use Arial Black. 


Press the Caps Lock key on your keyboard. 


Click & drag out the first letter of OUTSIDE. It doesn't matter how big or 
small it is because we'll adjust its size in the next steps. But, if you look at the 
font size box (see our blue rectangle) while you are creating this first letter, 
you'll get a better idea how large your text is going to be. For this lesson, try 
to keep the size around 185 pt. 


H: 188.5 pt 


Type OUTSIDE in the middle area of the document. 


Go to the Toolbar (far right side) & click on Snapping so its active (see 
yellow rectangle). If it's already active, dismiss this step. You'll see it's active 
if its button is darkened. 


Click on the Move Tool & reposition the text to the exact center of the 
document. You'll see a two crosshair lines showing you when the text is 
centered (see this image). 


Press the Esc key to deselect the active Text layer (or click once on the 
canvas area). 


Note: If a layer is active, the Place... function won't work. 
Go to the Menu Bar - File - Place... 
Select the image named Lesson 13 - Mountains that's in your Designer 


Images folder and press Open. 


Designer Images 
Recents 


Downloads 


Creative... æ Lesson 13 - Mountains 


Affinity D... œ Lesson 11 - Leaf.ipg 


iCloud Dri... Cancel Open 


Click & drag out the mountain photo starting in the top left corner of our 
document and ending in the far bottom right corner. The image will need to 
extend beyond the document. Don't worry if it does. We'll fix that in a 
second. 


This is what your document should look like now: 


Go to the Layers Panel & click & drag the Mountains layer below-and-to- 
the-right of the Text layer (see the yellow arrow for this action). The 
mountains layer is now a child layer of the Text layer. 
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Now, we're going to create the black background to our text. 


Click on the top layer so it's highlighted in blue before you do the next step. 
This is necessary for this step to work. 
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Click on the Rectangle Tool and click & drag a rectangle over the entire 
document starting in the top-left area and extending down to the bottom right 
corner. 


This is what our Layers Panel should look like now. Since the Rectangle was 
the last object we applied to our document, it is in the correct position - at the 
top. 
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Let's now change the color of the rectangle shape. Since this will be our 
background, let's make it black. 


Go to the Color Wheel and move the inner node all the way up to black 
(see yellow arrow for this action). 


Click & drag the top Rectangle layer to the bottom of the Layers Panel (see 
the yellow arrow in the below image for this action). Make sure the left-side 
of its ethereal layer, as it's being repositioned, is all the way to the left before 
you release the mouse button. 
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This is what our document now looks like. Pretty nice, huh? 


Our document is looking great, but we still have to add one more effect to the 
text. 


Click on the top Text layer so it's highlighted in blue. 


Go to the Contextual Toolbar (left side) and click on the Stroke's color 
box (see yellow rectangle in the image below). A color wheel will appear. 


Move the inner node straight down to white (opposite what we did when 
we colored the Rectangle two images above). 


Click on the Stroke button (white rectangle) and change the Stroke's Width 
to 4 pt (green rectangle) by either using the slider or typing 4 in its value box 
and pressing Return. 
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Perfect. Our document is looking great. 


If you wanted to adjust the positioning of the photo inside the text, this is 
how you do it. 


Click on the center Mountains layer so it's highlighted in blue. 
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Click on the Move Tool so it's activated. When you do this the blue nodes 
will again surround the mountains image. This means you can now reposition 
the image inside the text. We think the photo should be moved up, so we see 
more of the flowers. You decide what you like best. 


Done. This is our final image. 


Finished. You now know how to put a picture into text. 


